@layout("/common/_container.html"){
<link href="https://pynnn.oss-cn-hangzhou.aliyuncs.com/msgSend.css?v=20200628" rel="stylesheet">
<div style="display: none">
    <input type="hidden" id="customerId" value="${customerId}">
    <input type="hidden" id="customerName" value="${customerInfo.customerName}">
    <input type="hidden" id="startArrivalTime" value="">
    <input type="hidden" id="endArrivalTime" value="">
    <input type="hidden" id="outpatientName" value="${outpatientName}">
    <input type="hidden" id="address" value="${deptInfo.address}">
    <input type="hidden" id="transportationValue" value="${deptInfo.transportation}">
    <input type="hidden" id="phone" value="${deptInfo.phone}">
    <div id="fieldTc"></div>
    <input type="hidden" id="customerStatus" value="">
    <input type="hidden" id="treatmentUnit" value="">
    <input type="hidden" id="templateCodeValue" value="">
    <input type="hidden" id="startTimeValue1" value="${startTime}">
    <input type="hidden" id="doctorValue1" value="${doctor}">
</div>
<div style="height: 100%">
    <div style="background: #6090b8;color: white;padding: 5px 10px;">短信发送</div>
    <div class="msgSendBox">
        <div>
            <div class="msgSendTemplate">
                <div class="div_header">消息模版</div>
                <div class="template_content">
                    <ul style="padding: 15px 0 0 20px;">
                        <li>
                            <span class="glyphicon glyphicon-triangle-right"></span>
                            <span style="display: none" class="glyphicon glyphicon-triangle-bottom"></span>
                            <span><span style="color: #eec900" class="glyphicon glyphicon-book"></span>医嘱</span>
                            <ul class="ulShow">
                                <li><span style="padding: 5px"><span
                                        class="glyphicon glyphicon-bookmark"></span>拔牙提醒</span></li>
                                <li><span style="padding: 5px"><span class="glyphicon glyphicon-bookmark"></span>儿童拔牙提醒</span>
                                </li>
                                <li><span style="padding: 5px"><span class="glyphicon glyphicon-bookmark"></span>利川活动通知</span>
                                </li>
                                <li><span style="padding: 5px"><span class="glyphicon glyphicon-bookmark"></span>健吉复工通知</span>
                                </li>
                                <li><span style="padding: 5px"><span
                                        class="glyphicon glyphicon-bookmark"></span>结治提醒</span></li>
                                <li><span style="padding: 5px"><span
                                        class="glyphicon glyphicon-bookmark"></span>根管提醒</span></li>
                                <li><span style="padding: 5px"><span class="glyphicon glyphicon-bookmark"></span>消炎棉球提醒</span>
                                </li>
                                <li><span style="padding: 5px"><span
                                        class="glyphicon glyphicon-bookmark"></span>治疗提醒</span></li>
                            </ul>
                        </li>
                        <li>
                            <span class="glyphicon glyphicon-triangle-right"></span>
                            <span style="display: none" class="glyphicon glyphicon-triangle-bottom"></span>
                            <span><span style="color: #eec900" class="glyphicon glyphicon-book"></span>预约</span>
                            <ul class="ulShow">
                                <li><span style="padding: 5px"><span
                                        class="glyphicon glyphicon-bookmark"></span>预约提醒</span></li>
                                <li><span style="padding: 5px"><span
                                        class="glyphicon glyphicon-bookmark"></span>预约提醒2</span></li>
                                <li><span style="padding: 5px"><span class="glyphicon glyphicon-bookmark"></span>预约取消提醒</span>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <span class="glyphicon glyphicon-triangle-right"></span>
                            <span style="display: none" class="glyphicon glyphicon-triangle-bottom"></span>
                            <span><span style="color: #eec900" class="glyphicon glyphicon-book"></span>节日问候</span>
                            <ul class="ulShow">
                                <li><span style="padding: 5px"><span
                                        class="glyphicon glyphicon-bookmark"></span>元旦祝福1</span></li>
                                <li><span style="padding: 5px"><span
                                        class="glyphicon glyphicon-bookmark"></span>钛植口腔</span></li>
                            </ul>
                        </li>
                        <li>
                            <span class="glyphicon glyphicon-triangle-right"></span>
                            <span style="display: none" class="glyphicon glyphicon-triangle-bottom"></span>
                            <span><span style="color: #eec900" class="glyphicon glyphicon-book"></span>生日祝福</span>
                            <ul class="ulShow">
                                <li><span style="padding: 5px"><span
                                        class="glyphicon glyphicon-bookmark"></span>生日祝福1</span></li>
                            </ul>
                        </li>
                        <li>
                            <span class="glyphicon glyphicon-triangle-right"></span>
                            <span style="display: none" class="glyphicon glyphicon-triangle-bottom"></span>
                            <span><span style="color: #eec900" class="glyphicon glyphicon-book"></span>优惠活动</span>
                            <ul class="ulShow">
                                <li><span style="padding: 5px"><span
                                        class="glyphicon glyphicon-bookmark"></span>优惠活动</span></li>
                                <li><span style="padding: 5px"><span
                                        class="glyphicon glyphicon-bookmark"></span>口腔保健卡</span></li>
                                <li><span style="padding: 5px"><span
                                        class="glyphicon glyphicon-bookmark"></span>最美微笑卡</span></li>
                                <li><span style="padding: 5px"><span
                                        class="glyphicon glyphicon-bookmark"></span>阖家欢乐卡</span></li>
                                <li><span style="padding: 5px"><span
                                        class="glyphicon glyphicon-bookmark"></span>活动通知</span></li>
                                <li><span style="padding: 5px"><span
                                        class="glyphicon glyphicon-bookmark"></span>建始活动</span></li>
                                <li><span style="padding: 5px"><span
                                        class="glyphicon glyphicon-bookmark"></span>来凤七周年活动</span></li>
                            </ul>
                        </li>
                        <li>
                            <span class="glyphicon glyphicon-triangle-right"></span>
                            <span style="display: none" class="glyphicon glyphicon-triangle-bottom"></span>
                            <span><span style="color: #eec900" class="glyphicon glyphicon-book"></span>诊所信息</span>
                            <ul class="ulShow">
                                <li><span style="padding: 5px"><span
                                        class="glyphicon glyphicon-bookmark"></span>交通方式</span></li>
                            </ul>
                        </li>
                        <li>
                            <span class="glyphicon glyphicon-triangle-right"></span>
                            <span style="display: none" class="glyphicon glyphicon-triangle-bottom"></span>
                            <span><span style="color: #eec900" class="glyphicon glyphicon-book"></span>提醒</span>
                            <ul class="ulShow">
                                <li><span style="padding: 5px"><span
                                        class="glyphicon glyphicon-bookmark"></span>复工通知</span></li>
                                <li><span style="padding: 5px"><span
                                        class="glyphicon glyphicon-bookmark"></span>复诊通知</span></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div>
            <div style="border-radius: 5px;border: 1px solid #dddddd;margin-bottom: 15px;height: 85px">
                <div class="div_header">患者信息</div>
                <div style="padding: 5px 10px;">
                    <div style="display: flex">
                        <span style="flex: 1">姓名：${customerInfo.customerName}</span>
                        <span style="flex: 1">性别：${customerInfo.sex}</span>
                        <span style="flex: 1">年龄：${customerInfo.customerAge}</span>
                    </div>
                    <div style="display: flex">
                        <span style="flex: 1;">门诊：${customerInfo.arrivalStore}</span>
                        <span style="flex: 1;">病历号：${customerInfo.medicalRecordNumber}</span>
                        <span style="flex: 1;">现场TC：${customerInfo.fieldTc}</span>
                    </div>
                </div>
            </div>
            <div style="border-radius: 5px;border: 1px solid #dddddd">
                <div class="div_header">消息</div>
                <div style="padding: 7px 0 15px;">
                    <div style="display: flex;margin-bottom: 5px;">
                        <div style="flex: 1;text-align: center">消息渠道</div>
                        <div style="flex: 4">
                            <input type="radio" name="message" checked="checked"/><span>短信</span>
                        </div>
                    </div>
                    <div style="display: flex;margin-bottom: 10px;">
                        <div style="flex: 1;text-align: center">手机号码</div>
                        <div style="flex: 4">
                            <input type="text" id="customerPhone" disabled="disabled"
                                   value="${customerInfo.customerPhone}">
                            <input type="checkbox" id="sqi" onclick="checkboxOnclick(this)"/><label
                                for="sqi">使用其他手机号</label>
                        </div>
                    </div>
                    <div style="display: flex">
                        <div style="flex: 1;text-align: center">消息内容</div>
                        <div style="flex: 4">
                            <textarea name="message_content" id="message_content" style="width: 97%;height: 110px;padding: 5px 0 0 10px;"></textarea>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="btnBox">
        <button class="btn" type="button" onclick="Customer.msgSend()">发送</button>
        <button class="btn" type="button" onclick="Customer.close()">取消</button>
        <button class="btn" type="button" onclick="Customer.sendMedicalAdvice()">发送术后医嘱</button>
    </div>
</div>
<script src="${ctxPath}/static/modular/arrival/customer/customer.js?v=20200118"></script>
<script src="${ctxPath}/static/modular/arrival/customer/to_msgSend.js?v=20200628"></script>
@}